<template>
  <div>
    <van-nav-bar
      title="文字大小"
      left-text="返回"
      left-arrow
      class="ttt"
      @click-left="onClickLeft"
    />
    <van-cell title="预览大小" is-link class="size1" @click="changeSize" />
    <van-cell title="预览大小" is-link class="size2" @click="changeSize" />
    <van-cell title="预览大小" is-link class="size3" @click="changeSize" />
    <van-cell title="预览大小" is-link class="size4" @click="changeSize" />
  </div>
</template>

<script>
export default {
  name: "TextSize",
  methods: {
    changeSize(e){
      console.log(this.$refs.rrr.currentStyle);
    },
    onClickLeft() {
      this.$router.back(); //返回按钮
    },
  },
};
</script>

<style scoped>

.size1 {
  font-size: 12px;
}
.size2 {
  font-size: 13px;
}
.size3 {
  font-size: 14px;
}
.size4 {
  font-size: 15px;
}
</style>